/*首先对字体进行引用*/
@font-face {font-family: 'PangMenZhengDao';src: url(../font/PMZD.ttf);font-weight: normal;font-style: normal;}

body{
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
 /*滚动条样式*/
 ::-webkit-scrollbar {
  width: 0rem; 
  height: 0rem;
}
/* ::-webkit-scrollbar-thumb {
  border-radius: 0.10rem;
  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.2);
  border-radius: 0;
  background: rgba(0,0,0,0.1);
} */
.page{
  /* background-image: url(img/bg_all.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center; */
  overflow: hidden;
}
.pagenone{
  display: none !important;
}
.location{
  position: relative;
  width: 100%;
  height: 100%;
}
ul, ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.btn{
  width: 5.61rem;
  height: 1.24rem;
  background-image: url(img/btn_all.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-family: PangMenZhengDao;
  font-size: 0.60rem;
  letter-spacing: 0.10rem;
  color: #ffffff;
  text-align: center;
  line-height: 1.05rem;
}
/* 第0页 */
.page0 canvas{
  width: 100%;
  height: 100%;
}
.page0 .icon{
  background-repeat: no-repeat;
  background-size: cover;
  width: 0.56rem;
  height: 0.56rem;
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  z-index: 5;
}
.page0 .icon.icon0{
  background-image: url(./img/phone/icon0.png);
  right: 1.62rem;
}
.page0 .icon.icon1{
  background-image: url(./img/phone/icon1.png);
  right: 0.96rem;
}
.page0 .icon.icon2{
  background-image: url(./img/phone/icon2.png);
}
.page0 .icon.icon2.open{
  background-image: url(./img/phone/icon2_open.png);
}

.page0 .updown{
  background-image: url(./img/phone/updown.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 0.48rem;
  height: 1.44rem;
  position: absolute;
  right: 0.47rem;
  bottom: 1.77rem;
  z-index: 5;
  font-size: 0;
}
.page0 .updown .up{
  display: inline-block;
  width: 100%;
  height: 50%;
  /* background-color: turquoise; */
}
.page0 .updown .down{
  display: inline-block;
  width: 100%;
  height: 50%;
  /* background-color: rgb(15, 10, 22); */
}

.subimg{
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ioslongtouch{
  pointer-events: none;
}


/* 第一页 */
.page1{
  z-index: 20;
}
.page1{
  background-image: url(./img/phone/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: bottom;
  background-position-x: center;
}
.page1 .bg1{
  position:absolute;
  bottom: 0;
  left: 0;
  width: 7.5rem;
  height: 5.10rem;
  background-image: url(./img/phone/bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}
.page1 .title{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-70%);
  width: 6.97rem;
  height: 4.52rem;
  background-image: url(./img/phone/btn_go.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.page1 .title .btn_go{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2.33rem;
  height: 0.64rem;
  /* background-color: turquoise; */
  z-index: 9;
}
/* 第二页 */
.page2{
  z-index: 20;
  background-color: rgba(0,0,0,0.3);
}
.page2 .top{
 height: 0.9rem;
 position: relative;
 font-family: MicrosoftYaHei;
	font-size: 0.23rem;
	line-height: 0.90rem;
	letter-spacing: 0.02rem;
  color: #ffc600;
  text-align: center;
  background-image: url(./img/phone/top.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.page2 .top .btn_close{
  position:absolute;
  width: 1.2rem;
  height: 0.9rem;
  top: 0;
  right: 0;
  border-left: 0.01rem solid #ffc600;
}
.page2 .top .btn_close .icon{
  width: 0.29rem;
  height: 0.30rem;
  background-image: url(./img/phone/close.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page2 .view{
  height: calc(100% - 0.9rem);
  text-align: center;
  overflow: hidden;
  overflow-y: scroll;
}
.page2 .view .item{
  width: 4.29rem;
  height: 3.37rem;
  border: 0.02rem solid #ffc600;
  display: inline-block;
  margin: 0.25rem 0;
}
.page2 .view .item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 第三页 */
.page3{
  z-index: 20;
  background-color: rgba(0,0,0,0.3);
}
.page3 .top{
 height: 0.9rem;
 position: relative;
 font-family: MicrosoftYaHei;
	font-size: 0.23rem;
	line-height: 0.90rem;
	letter-spacing: 0.02rem;
  color: #ffc600;
  text-align: center;
  background-image: url(./img/phone/top.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.page3 .top .tag{
  width: 0.33rem;
  height: 0.33rem;
  background-image: url(./img/DH/icon1.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 0.48rem;
  transform: translateY(-50%);
}
.page3 .top .contant{
  text-align: left;
  padding-left: 1.14rem;
  padding-right: 1.2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.page3 .top .btn_close{
  position:absolute;
  width: 1.2rem;
  height: 0.9rem;
  top: 0;
  right: 0;
  border-left: 0.01rem solid #ffc600;
}
.page3 .top .btn_close .icon{
  width: 0.29rem;
  height: 0.30rem;
  background-image: url(./img/phone/close.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page3 .view{
  height: calc(100% - 0.9rem);
  position: relative;
}
.page3 .view .map{
  width: 100%;
  height: 6.20rem;
 /* background-color: rgba(0,0,0,0.5);*/
  background-color: rgba(255,255,255,0.85);
  border: solid 0.02rem #ffffff;
  box-sizing: border-box;
}
.page3 .view .map img{
  width: 100%;
}
.page3 .view .map .img0{
  position: absolute;
  top: 0;
  left: 0;
}
.page3 .view .map .imgcenter{
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.page3 .view .map .img1{
  position: absolute;
  top: 0;
  left: 0;
}

.page3 .view .map .switch{
  width: 1.93rem;
  height: 1.49rem;
  line-height: 1.49rem;
  background-image: url(./img/DH/x_2d.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  /* background-color: rgba(166,166,166,0.4); */
  position: absolute;
  top: 0;
  right: 0;
  font-family: SourceHanSansCN-Regular;
  font-size: 0.24rem;
  letter-spacing: 0.02rem;
  color: #ffffff;
}
.page3 .view .map .switch.x3d{
  background-image: url(./img/DH/x_3d.png);
}
.page3 .view .map .title{
  width: 0.9rem;
  height: 0.62rem;
  background-color: #827c7c;
  font-family: SourceHanSansCN-Regular;
  font-size: 0.18rem;
  line-height: 0.62rem;
  position: absolute;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.02rem;
}

.page3 .view .List{
  height: calc(100% - 6.20rem);
  overflow: hidden;
  overflow-y: scroll;
  text-align: center;
  font-size: 0;
}
.page3 .view .List .item{
  font-family: SourceHanSansCN-Normal;
  font-size: 0.28rem;
  color: #ffffff;
  height: 0.82rem;
  line-height: 0.82rem;
  border-bottom: 0.02rem solid rgba(221, 221, 221,0.3);
  box-sizing: border-box;
  width: 90%;
  display: inline-block;
  text-align: left;
}
.page3 .view .List .item.select{
	color: #ffc600;
}

/* 登录页 */
.pageLoading{
  z-index: 30;
  background: #e24c4d;
  background-image: url(./img/DH/load_phone.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  background-position-y: bottom;
}
.pageLoading .loading{
  position: absolute;
  display: inline-block;
  /* background-color: #ffffff; */
  width: 60%;
  height: 0.2rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.03rem solid #ffffff;
  border-radius: 0.2rem;
}
.pageLoading .loading .view{
  position: relative;
  width: 100%;
  height: 100%;
}
.pageLoading .loading .view .tip{
  position: relative;
  width: 0%;
  height: 100%;
  background-color: #ffff01;
  border-radius: 0.2rem;
}
.pageLoading .loading .view .tip .sz{
  position: absolute;
  display: inline-block;
  width: 0.76rem;
  height: 1.05rem;
  background-image: url(./img/DH/load_sz.png);
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0.2rem;
  top: -1.05rem;
  right: 0;
  color: #ffff01;
}
.pageLoading .loading .view .num{
  position: absolute;
  display: inline-block;
  font-size: 0.2rem;
  bottom: 0.1rem;
  left: calc(100% + 0.1rem);
  color: #ffff01;
}
.pageLoading .loading .view .content{
  position: absolute;
  display: inline-block;
  font-size: 0.2rem;
  bottom: -0.6rem;
  left: 50%;
  transform: translateX(-50%);
  color: #ffff01;
  white-space: nowrap;
}